<template>
	<tm-fullView>
		<tm-menubars title="tm-empty" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
		<tm-sheet :shadow="24">
			<tm-empty model="refresh"></tm-empty>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<tm-empty model="bug"  color="blue">
				<tm-button theme="bg-gradient-blue-accent-b" size="m">报告</tm-button>
			</tm-empty>
		</tm-sheet>
		<tm-sheet :shadow="24">
			<tm-empty icon="https://roundicons.com/wp-content/uploads/2017/09/Artboard-29-freebie-icon-3.png"
				label="自定图片和文字"></tm-empty>
		</tm-sheet>
		<view style="height: 100upx;"></view>
	</tm-fullView>

	
</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmEmpty from "@/tm-vuetify/components/tm-empty/tm-empty.vue"
	import tmButton from "@/tm-vuetify/components/tm-button/tm-button.vue"
	export default {
		components: {
			tmFullView,
			tmMenubars,
			tmSheet,
			tmEmpty,
			tmButton
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
